<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link href="${pageContext.request.contextPath}/css/zhuce.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/register.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
             $("#delete").click(function(){
            $("#phone").val("");
        }); 
        $("#yhdelete").click(function(){
            $("#username").val("");
        }); 
             $("#xmdelete").click(function(){
            $("#name").val("");
        }); 
             $("#ydelete").click(function(){
                 $("#email").val("");
             }); 
         $("#dj").click(function(){
        if($("#password").attr("type")=="text"){
            $("#password").attr("type","password");
            $("#dj img").css("opacity",0.5)
        }
        else{
            $("#password").attr("type","text");
            $("#dj img").css("opacity",1)
        }
    }); 
      $("#qdj").click(function(){
        if($("#pwd").attr("type")=="text"){
            $("#pwd").attr("type","password");
            $("#qdj img").css("opacity",0.5)
        }
        else{
            $("#pwd").attr("type","text");
            $("#qdj img").css("opacity",1)
        }
    }); 
        });
    </script>
<div class="denglu">
	<div class="denglukuang">
		<div class="shoujidenglu">用户注册</div>
		<br /> <br />
		<form action="doRegister" method="post">
		<div class="big">
			<span class="span_tp" id="yonghuming" style="">用&nbsp;户&nbsp;名：</span>
			<input class="input_tp" data-role="none" id="username"
				type="text" name="username" placeholder="请输入用户名：" />
				<a id="yhdelete" class="tubiao" title="清除"><img src="img/x.png" /></a>
			<span id="usernameid"></span>
			<br /> <br /> 
			<span class="span_tp" id="xingming" style="">姓&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
			<input class="input_tp" data-role="none" id="name"
				type="text" name="name" placeholder="请输入真实姓名：" /> <a id="xmdelete"
				class="tubiao" title="清除"><img src="img/x.png" /></a>
				<span></span>
			<br /> <br /> 
			<span class="span_tp" id="zhanghao" style="">手&nbsp;&nbsp;&nbsp;&nbsp;机：</span>
			<input class="input_tp" data-role="none" id="phone" 
				type="text" name="phone" placeholder="请输入手机号码：" /> <a id="delete"
				class="tubiao" title="清除"><img src="img/x.png" /></a>
				<span id="phoneid"></span>
			<br /> 
			<span id="tel_error" class="error"></span><br /> <span
				class="span_tp" id="mima">密&nbsp;&nbsp;&nbsp;&nbsp;码：</span> <input
				class="input_tp" data-role="none" id="password" name="password" type="password"
				 placeholder="请输入密码：" /> <a id="dj" class="tubiao"
				title="点击隐藏或显示密码"><img src="img/y.png" /></a>
				<span id="passwordid"></span> 
			<br />
			<br /> <span class="span_tp" id="querenmima">确认密码：</span> <input
				class="input_tp" data-role="none" id="pwd" 
				type="password" name="pwd" placeholder="请确认密码：" /> <a id="qdj"
				class="tubiao" title="点击隐藏或显示密码"><img src="img/y.png" /></a>
				<span id="pwdid"></span>
			<br /> <br /> 
			<span class="span_tp" id="youxiang" style="">邮&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>
			<input class="input_tp" data-role="none" id="email"
				type="text" name="email" placeholder="请输入电子邮箱：" /> <a id="ydelete"
				class="tubiao" title="清除"><img src="img/x.png" /></a><span id="emailid"></span>
		</div>
		<br /> <input type="submit" id="btn" value="注册" class="dengluanniu" />
		<div class="yuedu">我已阅读并接受 《爱上城用户服务协议》 《爱上城隐私政策》</div>
		</form>
	</div>
</div>